// 创建路由器

// 引入Vue
import Vue from 'vue'
// 引入路由
import VueRouter from 'vue-router'
// 使用插件
Vue.use(VueRouter)

// 引入组件
import Teacher from '@/pages/Teacher'
import Student from '@/pages/Student'
import News from '../pages/News'
import Message from '../pages/Message'
import Detail from '../pages/Detail'

// 创建并暴露一个路由
const router = new VueRouter({
    mode:'history',  // 默认为hash模式, 开启history模式
    routes: [
        {
            path: '/Teacher',
            component: Teacher,
            meta: { isAuth: true, title: '老师' }
        },
        {
            name: 'xuesheng',
            path: '/Student',
            component: Student,
            meta: { isAuth: true, title: '学生' },
            children: [
                {
                    path: 'News',
                    component: News,
                    meta: { isAuth: true, title: '新闻' },
                    // beforeEnter: (to, from, next) => {
                    //     if (to.meta.isAuth) {
                    //         if (localStorage.getItem('school') === 'qqq') {
                    //             next()
                    //         } else {
                    //             alert('学校不对')
                    //         }
                    //     }
                    // },
                    children: [
                        {
                            name: 'xiangqing',
                            path: 'Detail',
                            component: Detail,
                            meta: { title: '详情' },

                            // props第一种 对象写法 对象中的属性会以key-value给props形式传递给Deatil组件
                            // props:{a:1,b:2}

                            // props第二种 布尔值写法 条件为true，则将把该路由组件收到的params参数传递给Deatil组件
                            // props:true

                            // props第三种 函数写法
                            props({ query: { id, title } }) {
                                return { id, title }
                            }
                        }
                    ]
                },
                {
                    path: 'Message',
                    component: Message,
                    meta: { isAuth: true, title: '消息' }
                },
            ]
        }
    ]
})

// 全局前置路由守卫--在每次被切换前调用--初始化被调用
// router.beforeEach((to,from,next)=>{
//     if (to.meta.isAuth){  //是否需要鉴权
//         if (localStorage.getItem('school') === '1234') {

//             next()
//         } else {
//             alert('学校不对')
//         }
//     } else {
//         next()
//     }
// })

// 全局后置路由守卫--在每次被切换后调用
// router.afterEach((to,from)=>{
//     document.title = to.meta.title
// })

export default router
